import { useWindowSize } from "@vueuse/core";
import { computed } from "vue";
import { PC_DEFAULT_WIDTH } from "@/constants";
// useWindowSize响应式的获取屏幕宽度
const { width } = useWindowSize()
// 判断移动端,屏幕宽度小于1280 利用计算属性实时获取屏幕宽度(不用切换移动端再刷新)
export const isMobileTerminal = computed(() => {
    return width.value < PC_DEFAULT_WIDTH
})
// 动态设置 html的fontsize
export const useREM = () => {
    // 最大值
    const MAX_FONT_SIZE = 40
    document.addEventListener('DOMContentLoaded', () => {
        const html = document.querySelector('html')
        let fontSize = window.innerWidth / 10
        fontSize = fontSize > MAX_FONT_SIZE ? MAX_FONT_SIZE : fontSize
        html.style.fontSize = fontSize + 'px'

    })
}